<?php
    use admin\assets\AppAsset;
    AppAsset::addJs($this,'/static/js/admin/role_add.js');
?>

<style>
    .layui-form-checkbox[lay-skin=primary] span {
        float: left;!important;
        padding-right: 15px;
        line-height: 18px;
        background: 0 0;
        color: #666;
        text-indent:10px;
    }

    .layui-form-checkbox[lay-skin=primary] i {
        top: -16px;
    }

    .auth-status{
        height:28px;
    }

    .layui-form-checkbox {
        height: 22px;
        width: 22px;
        padding:0;
    }


    .layui-form-checkbox i{
        font-size: 18px;
        width: 20px;
        right: 4px;
        top: -3px;
    }

</style>

<div class="container">
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md6 layui-col-md-offset1">
                <fieldset class="layui-elem-field layui-field-title"><legend>角色添加</legend></fieldset>
                <!-- 此扩展能递归渲染一个权限树，点击深层次节点，父级节点中没有被选中的节点会被自动选中，单独点击父节点，子节点会全部 选中/去选中 -->
                <form class="layui-form">
                    <div class="layui-form-item">
                        <label class="layui-form-label">角色名称</label>
                        <div class="layui-input-block">
                            <input class="layui-input" type="text" name="name" lay-verify="required" placeholder="请输入角色名称" />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">选择权限</label>
                        <div class="layui-input-block">
                            <div id="LAY-auth-tree-index"></div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="*">提交</button>
                            <button class="layui-btn layui-btn-primary" type="reset">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

